@charset "utf-8";

.bivariate-wrap {font-size: 12px;position: relative;overflow: hidden;margin: 50px auto;border: 1px solid #ddd;}

.bivariate-wrap > .bivariate-blank {width: 54px;height: 32px;background: #EEE;position: absolute;left: 0px;top: 0px;border-right: 1px solid #DDD;border-bottom: 1px solid #DDD;}

.bivariate-wrap > .bivariate-xaxis {overflow: hidden;height: 32px;background: #EEE;position: absolute;left: 55px;top: 0px;right: 0px;border-bottom: 1px solid #DDD;}

.bivariate-wrap > .bivariate-xaxis > ul {padding: 0px;margin: 0px;overflow-wrap: unset;word-wrap: unset;border-bottom: 1px solid #DDD;list-style: none;}

.bivariate-wrap > .bivariate-xaxis > ul:after {display:table;content:'';clear:both;}

.bivariate-wrap > .bivariate-xaxis > ul > li {
    width: 54px;
    text-align: center;
    height: 32px;
    line-height: 32px;
    background: #EEE;
    border-right: 1px solid #DDD;
    display: block;
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
	user-select: none;
}

.bivariate-wrap > .bivariate-yaxis {overflow: hidden;width: 54px;background: #EEE;border-right: 1px solid #ddd;position: absolute;left: 0px;top: 33px;bottom: 0px;}

.bivariate-wrap > .bivariate-yaxis > ul {width: 54px;padding: 0px;margin: 0px;overflow-wrap: unset;word-wrap: unset;border-right: 1px solid #DDD;list-style: none;}

.bivariate-wrap > .bivariate-yaxis > ul > li {
    width: 54px;
    text-align: center;
    height: 32px;
    line-height: 32px;
    background: #EEE;
    border-bottom: 1px solid #DDD;
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
	user-select: none;
}


.bivariate-wrap > .bivariate-table {position: absolute;left: 55px;top: 33px;right: 0px;bottom: 0px;overflow: auto;}

.bivariate-wrap > .bivariate-table::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	background-color: rgba(255, 255, 255, 0.1);
}

.bivariate-wrap > .bivariate-table::-moz-scrollbar {
	width: 6px;
	height: 6px;
	background-color: rgba(255, 255, 255, 0.1);
}

.bivariate-wrap > .bivariate-table::scrollbar {
	width: 6px;
	height: 6px;
	background-color: rgba(255, 255, 255, 0.1);
}

.bivariate-wrap > .bivariate-table::-webkit-scrollbar-thumb {
	border-radius: 3px !important;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .2);
	-moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, .2);
	box-shadow: inset 0 0 6px rgba(0, 0, 0, .2);
	background-color: rgba(0, 0, 0, .3);
}

.bivariate-wrap > .bivariate-table::-moz-scrollbar-thumb {
	border-radius: 3px !important;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .2);
	-moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, .2);
	box-shadow: inset 0 0 6px rgba(0, 0, 0, .2);
	background-color: rgba(0, 0, 0, .3);
}

.bivariate-wrap > .bivariate-table::scrollbar-thumb {
	border-radius: 3px !important;
	-moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, .2);
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .2);
	box-shadow: inset 0 0 6px rgba(0, 0, 0, .2);
	background-color: rgba(0, 0, 0, .3);
}

.bivariate-wrap > .bivariate-table::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
	border-radius: 3px !important;
	background-color: rgba(0, 0, 0, .01);
}

.bivariate-wrap > .bivariate-table::-moz-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
	border-radius: 3px !important;
	background-color: rgba(0, 0, 0, .01);
}

.bivariate-wrap > .bivariate-table::scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
	border-radius: 3px !important;
	background-color: rgba(0, 0, 0, .01);
}



.bivariate-wrap > .bivariate-table > .bivariate-table-row {height: 32px;line-height: 32px;border-bottom: 1px solid #DDD;}

.bivariate-wrap > .bivariate-table > .bivariate-table-row > span {cursor: pointer;user-select: none;float: left;display: block;width: 54px;height: 31px;line-height: 31px;text-align: center;border-right: 1px solid #DDD;}

.bivariate-wrap > .bivariate-table > .bivariate-table-row > span.bivariate-table-defaultposition {color: #999;background-color: #fff3e4;}

.bivariate-wrap > .bivariate-xaxis > ul > li.bivariate-cell-highlight, .bivariate-wrap > .bivariate-yaxis > ul > li.bivariate-cell-highlight {color: #ffffff!important;background-color: #1174b7!important;}

.bivariate-wrap > .bivariate-table > .bivariate-table-row > span.bivariate-cell-highlight {color: #333333!important;background-color: #EEE!important;}

.bivariate-wrap > .bivariate-table > .bivariate-table-row > span.bivariate-cell-selected {color: #ffffff!important;background-color: #1174b7!important;}